<template>
    <ul class="app1 df">
        <li v-for="(itme,index) in account" :key="index" @click="switchTo">{{itme.title}}</li>
    </ul>
</template>

<script>
    export default {
        data(){
            return{
                account:[
                    {title:'总营收金额'},
                    {title:'0-30天'},
                    {title:'31-60天'},
                    {title:'61-90天'},
                    {title:'70天以上'},
                ]
            }
        },
        methods:{
            switchTo(){
                   
            }
        }
    }
</script>

<style lang="scss" scoped>
.app1{
    width: 100%;
    height: 120px;
    justify-content: space-between;
    li{
        height:100%;
        background-color: #fff;
        width: 270px;
        background-color: rgb(8, 159, 241);
    }
    li:hover{
       box-shadow: 4px 4px 5px rgba(4, 134, 248, 0.885);
       background-color: rgb(8, 167, 241);
    }
}
</style>